<template>
  <div id="footer">
      <div class="container">
        <div class="row">
          <div class="col-md-6 col-sm-12 logo-box">
            <div class="row">
             <div>
                <img src="/static/img/logo1.png">
                <p>©2016由成都智一优科技有限公司技术支持</p>
             </div>
            </div>
          </div>
          <div class="col-md-6 col-sm-12 hidden-xs nav-box">
            <ul>
              <li><router-link to="/">首页</router-link></li>
              <li><router-link to="">核心产品</router-link></li>
              <li><router-link to="">经济效益分析</router-link></li>
              <li><router-link to="">企业介绍</router-link></li>
              <li><router-link to="callme">联系我们</router-link></li>
            </ul>
          </div>
        </div>
      </div>
  </div>
</template>

<script>
	export default {
		name: "Foter",
		data () {
			return {

			}
		}

	}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only hidden-sm-->
<style scoped lang="scss">
#footer{
  padding: 50px 0 58px;
  background: #303030;
}
.container{
  .row{
    .logo-box{
      opacity: .8;
      display: flex;
      flex-wrap:wrap;
      align-items: center;
      justify-content: center;
      p{
        color: #fff;
        margin-top: 26px;
      }
    }
    .nav-box{
      opacity: .9;
      ul{
        display: flex;
        justify-content: center;
        margin-top: 10px;
        li{
          padding: 0 22px;
          line-height: 16px;
          height: 16px;
          border-left: 1px solid #fff;
          &:first-child{
            border-left: 0;
          }
          a{
            color: #fff;
            font-size: 15px;
          }
        }
      }
    }
  }
}
</style>
